<div class="bg-partner-header">
  <div class="container main-warp">
    <h1 class="partner-header-title">
      代理合作加盟<br>
      <small>宝信全线产品 —— 邀你一起抢占小程序红利</small>
    </h1>
    <div class="partner-header-btn">
      <a onclick="javascript:document.getElementById('contact').scrollIntoView()" class="btn btn-success btn-lg">我要加入</a>
    </div>
  </div>
</div>

<div class="bg-gray">
  <div class="container main-warp">
    <h2 class="container-title">
      小程序市场分析<br>
      <small>千亿市场？为何来势汹汹？</small>
    </h2>
    <div class="container-fluid row">
      <div class="col-md-4 col-sm-6 mb10">
        <div class="market-warp">
          <div class="photo-warp"><img src="../../../assets/images/market01.jpg" alt=""></div>
          <h4>微信庞大用户群</h4>
          <p>微信小程序再次掀起互联网巨大流量争夺战，微信拥有8.4亿用户，活跃渗透率高达80.65%，庞大的用户基数和恐怖的用户粘性是微信小程序“千亿市场”的基础。</p>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 mb10">
        <div class="market-warp">
          <div class="photo-warp"><img src="../../../assets/images/market02.jpg" alt=""></div>
          <h4>微信移动互联网生态</h4>
          <p>微信早已不再只是个社交应用，而是集社交、资讯、搜索、购物为一体的移动互联网生态系统。用户习惯的养成和支付系统的成熟，让小程序能够融入微信的大生态里面去，这是小程序号称“千亿”的另一个基础。</p>
        </div>
      </div>
      <div class="col-md-4 col-sm-6 mb10">
        <div class="market-warp">
          <div class="photo-warp"><img src="../../../assets/images/market03.jpg" alt=""></div>
          <h4>需求</h4>
          <p>中国有逾7000万中小企业，这些B端用户对小程序有强烈的需求，原因在于目前流量被电商巨头垄断，挣钱越来越难的商家们迫切希望出现新的产品打破现有的电商生态，为他们提供更加公平的机会，于是来自B端强烈的需求其实是小程序“千亿”市场的核心。</p>
        </div>
      </div>
    </div>

  </div>
</div>

<div class="bg-white">
  <div class="container main-warp">
    <h2 class="container-title">
      宝信的产品线<br>
      <small>提供移动互联网闭环式营销整体解决方案</small>
    </h2>
    <div class="container-fluid row text-center hidden-sm hidden-xs">
      <div class="product-container">
        <a href="http://www.bosinlife.com/" target="_blank">
          <img src="../../../assets/images/bg-product.png" alt="">
        </a>

        <div class="product-position-1" (mouseenter)="productNum=0">
          <div class="product-title" *ngIf="productNum!=0">营销系统</div>
          <div class="green-round" *ngIf="productNum!=0"></div>
          <div class="product-item" *ngIf="productNum==0">
            <p>基于营销活动的工具箱优惠券、抵用券、代金券大转盘抽奖活动,线下摇一摇抽奖活动</p>
            <div class="round-outwarp">
              <div class="round-innerwarp">
                <div class="round-icon iconfont icon-tubiaozhexiantu"></div>
              </div>
            </div>
          </div>
        </div>

        <div class="product-position-2" (mouseenter)="productNum=1">
          <div class="product-title" *ngIf="productNum!=1">微信支付后广告投放</div>
          <div class="green-round" *ngIf="productNum!=1"></div>
          <div class="product-item" *ngIf="productNum==1">
            <p>两大移动互联网广告精准投放解决方案。全国重点城市投放，本地大型商超定向投放。</p>
            <div class="round-outwarp">
              <div class="round-innerwarp">
                <div class="round-icon iconfont icon-msnui-ad"></div>
              </div>
            </div>
          </div>
        </div>

        <div class="product-position-3 right-round-box" (mouseenter)="productNum=2">
          <div class="product-title" *ngIf="productNum!=2">微信小程序开发</div>
          <div class="green-round" *ngIf="productNum!=2"></div>
          <div class="product-item" *ngIf="productNum==2">
            <p>一个二维码，支持多种支付功能。免费帮商家接入移动支付，让商家收钱更省事。</p>
            <div class="round-outwarp">
              <div class="round-innerwarp">
                <div class="round-icon iconfont icon-erweima"></div>
              </div>
            </div>
          </div>
        </div>

        <div class="product-position-4 right-round-box" (mouseenter)="productNum=3">
          <div class="product-title" *ngIf="productNum!=3">朋友圈广告投放</div>
          <div class="green-round" *ngIf="productNum!=3"></div>
          <div class="product-item" *ngIf="productNum==3">
            <p>无需程序开发，将小程序的制作门槛降到最低，人人可制作。</p>
            <div class="round-outwarp">
              <div class="round-innerwarp">
                <div class="round-icon iconfont icon-diannao"></div>
              </div>
            </div>
          </div>
        </div>

        <div class="product-position-5 right-round-box" (mouseenter)="productNum=4">
          <div class="product-title" *ngIf="productNum!=4">微信支付接入</div>
          <div class="green-round" *ngIf="productNum!=4"></div>
          <div class="product-item" *ngIf="productNum==4">
            <p>基于移动互联网的5种推广方案：品牌推广，本地推广公众号推广，卡券推广移动应用推广。</p>
            <div class="round-outwarp">
              <div class="round-innerwarp">
                <div class="round-icon iconfont icon-wodefangan"></div>
              </div>
            </div>
          </div>
        </div>


      </div>
    </div>
    <div class="container-fluid row text-center hidden-lg hidden-md small-product-warp">

      <div class="small-product">营销系统</div>
      <div class="product-item">
        <p>基于营销活动的工具箱优惠券、抵用券、代金券大转盘抽奖活动,线下摇一摇抽奖活动</p>
        <div class="round-outwarp">
          <div class="round-innerwarp">
            <div class="round-icon iconfont icon-tubiaozhexiantu"></div>
          </div>
        </div>
      </div>


      <div class="small-product">微信支付后广告投放</div>
      <div class="product-item">
        <p>两大移动互联网广告精准投放解决方案。全国重点城市投放，本地大型商超定向投放。</p>
        <div class="round-outwarp">
          <div class="round-innerwarp">
            <div class="round-icon iconfont icon-msnui-ad"></div>
          </div>
        </div>
      </div>


      <div class="small-product">微信小程序开发</div>
      <div class="product-item">
        <p>一个二维码，支持多种支付功能。免费帮商家接入移动支付，让商家收钱更省事。</p>
        <div class="round-outwarp">
          <div class="round-innerwarp">
            <div class="round-icon iconfont icon-erweima"></div>
          </div>
        </div>
      </div>


      <div class="small-product">朋友圈广告投放</div>
      <div class="product-item">
        <p>无需程序开发，将小程序的制作门槛降到最低，人人可制作。</p>
        <div class="round-outwarp">
          <div class="round-innerwarp">
            <div class="round-icon iconfont icon-diannao"></div>
          </div>
        </div>
      </div>


      <div class="small-product">微信支付接入</div>
      <div class="product-item">
        <p>基于移动互联网的5种推广方案：品牌推广，本地推广公众号推广，卡券推广移动应用推广。</p>
        <div class="round-outwarp">
          <div class="round-innerwarp">
            <div class="round-icon iconfont icon-wodefangan"></div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<div class="bg-gray" id="contact">
  <div class="container main-warp">
    <h2 class="container-title">
      我要加入
    </h2>
    <form #addContactFrom="ngForm" class="container-fluid">
      <div class="col-md-6 form-group">
        <label class="col-md-4 text-right"><span class="c-red">*</span>您的姓名：</label>
        <div class="col-md-8">
          <input type="text" class="form-control" name="fullname" [(ngModel)]="addContact.fullname" required>
        </div>
      </div>
      <div class="col-md-6 form-group">
        <label class="col-md-4 text-right">所在区域：</label>
        <div class="col-md-8 row">
          <div class="col-md-6">
            <select class="form-control" name="province" [(ngModel)]="addContact.province" (change)="changeProvince()">
              <option value="0">省</option>
              <option *ngFor="let item of provinceList" value="{{item.code}}">{{item.name}}</option>
            </select>
          </div>
          <div class="col-md-6">
            <select class="form-control col-md-6" name="city" [(ngModel)]="addContact.city">
              <option value="0">市</option>
              <option *ngFor="let item of cityList" value="{{item.code}}">{{item.name}}</option>
            </select>
          </div>
        </div>
      </div>
      <div class="col-md-6 form-group">
        <label class="col-md-4 text-right"><span class="c-red">*</span>您的电话：</label>
        <div class="col-md-8">
          <input type="text" class="form-control" name="mobile" [(ngModel)]="addContact.mobile" required>
        </div>
      </div>
      <div class="col-md-6 form-group">
        <label class="col-md-4 text-right">您的QQ：</label>
        <div class="col-md-8">
          <input type="text" class="form-control" name="qq" [(ngModel)]="addContact.qq">
        </div>
      </div>
      <div class="text-center form-btn">
        <button type="submit" class="btn btn-success btn-lg" [disabled]="!addContactFrom.form.valid" (click)="contactSubmit()">立刻提交</button>
      </div>
    </form>
  </div>
</div>

<div class="bg-white">
  <div class="container main-warp">
    <h2 class="container-title">
      联系方式
    </h2>
    <div class="col-md-4 contact-item">
      <div class="iconfont icon-shouji2"></div>
      <h4>来电垂询</h4>
      <p>18667875017</p>
    </div>
    <div class="col-md-4 contact-item">
      <div class="iconfont icon-dianhuazuoji"></div>
      <h4>座机号码</h4>
      <p>0574-56803062</p>
    </div>
    <div class="col-md-4 contact-item">
      <div class="iconfont icon-QQ"></div>
      <h4>QQ号码</h4>
      <p>3188578875</p>
    </div>
    <div class="contact-tips">我们期待您的加入！</div>
  </div>
</div>

<app-notification [type]="type" [message]="message" [isShow]="isShow" (promptIsShow)="isShow = $event;"></app-notification>
